草庐IT

HTML 输入元素比 Containing Div 宽

全部标签

javascript - 为什么不显示 SVG 使用用 JavaScript 创建的元素?

我的文档中有一个SVG,我用JavaScript向它添加了一个符号,如下所示:varmyScene=document.getElementById('myScene');varuseSVG=document.createElement('use');useSVG.setAttribute('xlink:href','spriteSheet.svg#mySymbol');useSVG.setAttribute('x','10');useSVG.setAttribute('y','30');useSVG.setAttribute('width','10');useSVG.setAttrib

javascript - 如何在 HTML5 Canvas 上缩放图像时保持宽高比?

在我的项目中,我使用HTML5Canvas和FabricJS。我有维持放置在Canvas中的图像对象的纵横比的方案。在调整Angular或缩放图像时,我必须更新宽度或高度以保持图像的纵横比。上图将清楚地显示我的问题。我需要一种算法或公式来保持图像的纵横比。图片应满足以下条件,如果我通过根据实际尺寸调整图片的宽度或高度来进行缩小,它会裁剪并以相同的纵横比显示图片。如果我确实通过调整图像的实际尺寸的宽度或高度来进行扩展,它将分别扩展图像的高度或宽度,并针对视口(viewport)高度和宽度进行裁剪以保持宽高比。隐藏的部分被平移和查看。请给我一些解决方案,谢谢。

javascript - 使用 jquery 检索原始 html,而不是呈现的 html

我在网站上添加了Twitter时间线。它呈现并且如果我单击页面上的查看源代码,我可以看到我添加到该站点的相同Twitter小部件html:Tweetsby@goodNamewindow.twttr=(function(d,s,id){vart,js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore

javascript - d3.js: enter(), update, exit() 之间有组元素

当我使用D3.js呈现可视化并进入、更新、退出模式时,我的DOM结构如下所示:grect...grect...grect...我在我的组中使用多个元素和嵌套选择,但为了简单起见,我将用矩形来演示这一点。DOM通过以下方式完成:group=d3.select('.svg-content').selectAll('g').data(items,function(item){returnitem.Id;});groupEnter=group.enter().append('svg:g').attr('class','group-content');//entergroupEnter.appe

javascript - 在 Bootstrap 3 SlideDown() 隐藏元素上有问题

你能看看thisdemo吗?让我知道为什么change()函数无法slideDown()Bootstrap3中的hidden元素?这是我的代码$(function(){$('input:radio').change(function(){if($(this).val()=='Dog'){$('#hidden-list-1').slideDown();}if($(this).val()=='Bird'){$('#hidden-list-2').slideDown();}});}); 最佳答案 正如其他答案已经提到的,问题是boostr

javascript - 如何使用 Protractor 测试比较具有 getSize() 函数的元素的宽度和高度?

早上好亲爱的同事们。我对Selenium方法有疑问。在我的例子中,我正在使用Protractor测试Angular应用程序,我想将getSize函数的返回值与我的测试中的设置值进行比较。这是下面的代码-varsearchForm=element(by.id('search'));it('searchFormmusthavewidth:400pxandheight:400px',function(){//expect(browser.driver.manager().window().getSize()).toEqual(400,400);searchForm.getSize();sea

javascript - 从 JSON 中的对象数组中仅获取一个元素

我怎样才能只从JSON文件中获取名称。此外,代码非常适合从“file.json”获取数据,即这肯定不是问题。脚本:vardata=[];functiongetName(){//whatshouldIwriteheretogetonlynamefromthefirstobjecti.e.John//withthis:data[0].nameIamgettingerror!}varxhttp;if(window.XMLHttpRequest)xhttp=newXMLHttpRequest();elsexhttp=newActiveXObject("Microsoft.XMLHTTP");x

javascript - 12 小时时间格式的 JQuery 输入掩码

我正在使用jqueryinputMask库(https://github.com/RobinHerbots/jquery.inputmask)。但如果有更好的inputMask库,请随时告诉我。但我需要inputMask,而不是时间选择器。场景是在time字段上有inputMask。我们希望根据用户的语言环境显示和拥有inputMask,因此它应该支持12小时和24小时格式。最初我们只支持24小时格式,所以掩码代码如下所示:$('input[id$="endTime"]').inputmask("hh:mm:ss",{placeholder:"HH:MM:SS",insertMode:

javascript - npm 脚本 : need to minify all HTML files in folder (and subfolders)

我想使用npmrun脚本缩小文件夹(以及其中的任何文件夹)中的所有.html文件。理想情况下,应覆盖所有.html文件(如果不可能,也可以使用新文件夹)。假定输入文件夹中会有非HTML文件。npmlibraryminimize仅适用于每个文件,但不适用于文件夹。另一个npm库html-minifier确实接受文件夹作为输入,但如果输入文件夹中存在任何非HTML文件,则会失败:html-minifier--input-dir./test1--output-dir./test2--html-5--collapse-whitespace我需要它来缩小我的静态网站的HTML文件。

javascript - 如何让 child 输入 react

我正在尝试制作我自己的Tabs组件,以便我可以在我的应用程序中使用标签。但是,我似乎在尝试按类型提取我需要的子组件时遇到了问题。importReactfrom'react'exportclassTabsextendsReact.Component{render(){letchildren=this.props.childrenlettablinks=React.Children.map(children,x=>{console.log(x.type.displayName)//Alwaysundefinedif(x.type.displayName=='TabLink'){return